import { loginApi, getUserInfoApi, getUserDetailByIdApi } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
import { resetRouter } from '@/router'
export default {
  namespaced: true, // 开启命名空间
  state: {
    token: getToken(),
    userInfo: {},
    // userInfo: localStorage.userInfo ? JSON.parse(localStorage.userInfo) : {},
    // userInfo: JSON.parse(localStorage.userInfo) || {}, // 存放用户信息
  },
  mutations: {
    setToken(state, token) {
      state.token = token
      // 调用方法  将token保存在cookie
      setToken(token)
    },
    removeToken(state) {
      state.token = null
      removeToken()
    },
    // 保存用户基本信息
    setUserInfo(state, userInfo) {
      state.userInfo = { ...userInfo }
      localStorage.userInfo = JSON.stringify(userInfo)
    },
    // 删除用户信息
    removeUserInfo(state) {
      state.userInfo = {}
      localStorage.removeItem('userInfo')
    },
  },
  actions: {
    // login是action的方法
    async login(context, data) {
      // login 是模块映入的登录接口的方法 this.$store.dispatch()
      const res = await loginApi(data)
      context.commit('setToken', res)
    },
    // 获取用户信息的action方法
    async getUserInfo(context) {
      // 调用获取用户基本信息的接口
      const res = await getUserInfoApi()
      const resDetail = await getUserDetailByIdApi(res.userId)
      // 触发mutations里的setUserInfo方法
      const result = { ...res, ...resDetail }
      context.commit('setUserInfo', result)
      return result
    },
    async logout(context) {
      context.commit('removeUserInfo')
      context.commit('removeToken')
      // 重置路由
      resetRouter()
      // 还有一步  vuex中的数据是不是还在
      // 要清空permission模块下的state数据
      // vuex中 user子模块  permission子模块
      // 子模块调用子模块的action  默认情况下 子模块的context是子模块的
      // 父模块 调用 子模块的action
      context.commit('permission/setRoutes', [], { root: true })
      // 子模块调用子模块的action 可以 将 commit的第三个参数 设置成  { root: true } 就表示当前的context不是子模块了 而是父模块
    },
  },
}
